<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>视频详情</title>
    
    <!-- 2-1.导入css -->
    
    <link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../layuiadmin/style/admin.css" media="all">
</head>
<body>
<div id="headerpage" style="width:100%;height:154px;">
	<!--这个div是为了引入header.html头部-->
    </div> 
    <p><span id="name_span" style="margin-left:470px;"></span><span id="size_span" style="margin-left:250px;"></span></p>
    <div align="center"><video id="video_path" src="" controls="controls" controlslist="nodownload" width="400px;" height="400px;"></video></div>
    <p><span id="detail_span"></span></p>
    <iframe id="footerWrap"  width="100%" height="80px"  scrolling="no" frameborder="0"  src="/footer" noresize="noresize" /></iframe>
</body>

<!-- 2-2.导入js -->

<script src="../layuiadmin/layui/layui.js"></script>  
<script>
  
  layui.config({
    base: '../layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'form','table', 'laydate'], function(){
    var table = layui.table
    ,form = layui.form
    ,$ = layui.$
    ,admin = layui.admin;
    $("#headerpage").load("/header");
    $("#name_span").html('${vidname}');
	$("#size_span").html('${vidsize}');
	$("#video_path").attr('src', '/file/video/${vidpath}');
	$("#detail_span").val('${viddetail}');
  });
  </script>
</html>